<template>
  <view>
    <view class="demo-jianju">swiper1</view>
    <DemoTpl1></DemoTpl1>
    <view class="demo-jianju">swiper2</view>
    <DemoTpl2></DemoTpl2>
    <view class="demo-jianju">swiper3</view>
    <DemoTpl3></DemoTpl3>
    <view class="demo-jianju">swiper4</view>
    <DemoTpl4></DemoTpl4>
  </view>
</template>
<script>
import DemoTpl1 from '@/template/swiper-list/swiper1.vue';
import DemoTpl2 from '@/template/swiper-list/swiper2.vue';
import DemoTpl3 from '@/template/swiper-list/swiper3.vue';
import DemoTpl4 from '@/template/swiper-list/swiper4.vue';
export default {
  components: {
    DemoTpl1,
    DemoTpl2,
    DemoTpl3,
    DemoTpl4
  },
  data() {
    return {};
  },
  created() { },
  methods: {}
};
</script>

<style>
.demo-jianju {
  width: 100%;
  padding: 20rpx 20rpx;
  font-weight: 600;
  background-color: #f1f1f1;
}
</style>
